// 1. 导入 createStore 一会用于创建 store
import { createStore } from "vuex";

// 2. 创建一个 store, 一会用于导出, 挂载到入口函数中
const store = createStore({
    state() {
        return {
            num: 10086,
            num2: 10010,
            num3: 12345,
            name: "张三",
        };
    },

    // 当前选项内存储 vuex 内唯一的 修改 state 内数据的方法
    mutations: {
        addNum(state, data) {
            /**
             *  第一个形参: 就是当前的 state 选项
             *  第二个形参: 当外界调用 addNum 的时候, 传递的值
             */
            state.num++;
            // state.num3 = data
        },
        setName(state, data) {
            state.name = data;
        },
    },
});

// 3. 导出 store
export default store;
